<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>天鼎投资·与牛共舞</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="header" class="uf uf-ac">
        <a href="index.html" class="uf-f nav">首页</a>
        <a href="calendar.html" class="uf-f nav">财日历</a>
        <a href="liveVideo.html" class="uf-f nav hot">牛直播</a>
        <a href="achievement.html" class="uf-f nav">晒战绩</a>
        <a href="team.html" class="uf-f nav active">团队介绍</a>
    </div>
    <div id="navigation" class="uf uf-ac uf-pja">
        <a href="team.html" class="nav">企业介绍</a>
        <a href="team_teacher.html" class="nav active">名师团队</a>
        <a href="team_product.html" class="nav">了解产品</a>
        <a href="team_account.html" class="nav">合作账户</a>

    </div>


    <div id="container" class="uf-f u-scroll">
        <img class="banner" src="image/static/banner_product.jpg">

        <div class="modelPlane">
            <div class="modelTitle">明星分析师团队</div>
            <div class="modelRow uf uf-pj">
                <div class="model active"><img data-lazy="image/teachers/000.png">

                    <div class="name">牛道人</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/3.png">

                    <div class="name">闵庆华</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/2.png">

                    <div class="name">殷永军</div>
                </div>
            </div>
            <div class="modelText">
                <div class="text active">
                    首席操盘手<br>
                    投资圈公认顶级实战操盘手，几经牛熊，带领大资金征战股市20年。实战操盘能长能短，只抓确定无疑的趋势！
                </div>
                <div class="text">
                    首席策略分析师<br>
                    知名电视财经栏目特邀嘉宾、主流财经媒体专栏作家。继承和发展了趋势理论，坚信“顺势交易、稳健增长”。
                </div>
                <div class="text">
                    首席研究员<br> 执业证号：A1150616110004<br>
                    北京理工大学硕士，曾任香港滚雪球投资管理有限公司（KVB）研发总监。十余年机构研究生涯，准确把握市场脉搏。
                </div>
            </div>
            <div class="modelRow uf uf-pj">
                <div class="model"><img data-lazy="image/teachers/5.png">

                    <div class="name">柴德省</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/6.png">

                    <div class="name">吴军</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/4.png">

                    <div class="name">孙腾</div>
                </div>
            </div>
            <div class="modelText">
                <div class="text">
                    股市心态行为理论专家<br>执业证号：A1150612120001<br>
                    曾任国信证券研究员、南京首华投资咨询公司研究经理，深谙技术分析及大资金运作手法，选股选时精准独到。
                </div>
                <div class="text">
                    中国首批注册分析师<br>执业证号：S0130612040010<br>
                    研究证券、期货、外汇、期权近30年，在中国银河证券、大摩投资等多家重量级金融机构长期负责证券研究工作。                </div>
                <div class="text">
                    首席技术分析师<br>执业资格证号：A1150615100001<br>
                    甘肃卫视财富天下特约分析师，善于通过“大势、题材、资金、事件、盘口”五重驱动分析狙击短线个股！
                </div>
            </div>
            <div class="modelRow uf uf-pj">
                <div class="model"><img data-lazy="image/teachers/7.png">

                    <div class="name">袁超</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/1.png">

                    <div class="name">程超</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/10.png">

                    <div class="name">辛道颖</div>
                </div>
            </div>
            <div class="modelText">
                <div class="text">
                    CFA level2 candidate<br>执业证号：A1150615080001<br>
                    国家高端金融人才，多年实战生涯，始终坚持“大势为先定战略、内在价值为导向、成长空间是方向”的操作理念。
                </div>
                <div class="text">
                    中国科学院硕士<br>执业证号：A1150612100001<br>
                    擅于结合物理学模型和金融工程运作于证券投资领域，凭借其稳健的超高对冲收益率赢得了“阿尔法王子”的美誉。
                </div>
                <div class="text">
                    金牌分析师<br>执业证号：A1150117060003<br>
                    知名院校工科学士，具备扎实的理论功底，以缠论为载体，结合多年实盘经验完善演化出了一套独有的交易体系。
                </div>
            </div>
            <div class="modelRow uf uf-pj">
                <div class="model"><img data-lazy="image/teachers/12.png">

                    <div class="name">常国林</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/8.png">

                    <div class="name">王俊</div>
                </div>
                <div class="model"><img data-lazy="image/teachers/9.png">

                    <div class="name">舒晓飞</div>
                </div>
            </div>
            <div class="modelText">
                <div class="text">
                    金牌分析师<br>执业证号：A1150616120002<br>
                    曾任职国内知名投资机构，十年实盘操作经验，精通私募大佬操盘手法，通过盘口变化迅速判断主力资金动向。
                </div>
                <div class="text">
                    金牌分析师<br>执业证号：A1150617060002<br>
                    曾就职于国泰君安、中证报等一线金融机构，10多年投资经验总结出一套适应于Ａ股的 “超高胜算值分析系统”。
                </div>
                <div class="text">
                    金牌分析师<br>执业证号：A1150613120001<br>
                    南京师范大学金融学专业，2005年涉入市场，精通基本面分析和技术分析数学建模，具有极强的热点前瞻性。
                </div>
            </div>
        </div>
        <div class="modelPlane">
            <div class="modelTitle">优秀投顾团队</div>
            <div class="modelRow uf uf-pj">
                <div class="model non"><img data-lazy="image/teachers/0.png">

                    <div class="name">丁洁</div>
                </div>
                <div class="model non"><img data-lazy="image/teachers/0.png">

                    <div class="name">魏丹丹</div>
                </div>
                <div class="model non"><img data-lazy="image/teachers/13.png">

                    <div class="name">何代兰</div>
                </div>
            </div>
        </div>

    </div>

    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ver uf-ac uf-pc active">
            <div class="footIcon"></div>
            资讯</a>
        <a href="liveVideo.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            直播室</a>
        <a href="vip.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            VIP专享</a>
    </div>

</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.js"></script>
<script type="text/javascript">
    //图片懒加载
    $("img[data-lazy]").lazyload({
        placeholder: "", //用图片提前占位
        effect: "fadeIn",//图片显示效果，fadeIn淡入淡出
        container: "#container",//滑动区域
        data_attribute: 'lazy',//自定义的data-*属性
        failure_limit: 10,//默认情况下在找到第一张不在可见区域的图片时停止循环. 图片被认为是流式分布的,但是在一些布局中,这样的假设是不成立的.通过设置找到n个不在可见区域的图片时才停止搜索. 如果你有一个猥琐的布局, 请把这个参数设高一点.
        threshold: 50//实现预加载，里可视区域距离是多少像素就开始加载，最好配合failure_limit一起使用
    });

    //点击介绍
    $(".model").on('click', function () {
        var $this = $(this);
        if ($this.hasClass('active'))return;
        if ($this.hasClass('non'))return;
        if ($this.hasClass('blank'))return;
        var $plane = $(this).parents('.modelPlane');
        //活跃状态
        var modelLis = $plane.find(".model");
        if (modelLis && modelLis.length) {
            $.each(modelLis, function (index, item) {
                $(item).removeClass("active");
            });
            $this.addClass("active");
        }
        //介绍文字
        var textLis = $plane.find(".text");
        if (textLis && textLis.length) {
            $.each(textLis, function (index, item) {
                $(item).removeClass("active");
            });
            var index = $this.index();
            $($this.parents('.modelRow').next().find(".text")[index]).addClass('active');
        }
    })

</script>
</body>
</html>